<template>
  <div>
    <!--<x-header :left-options="{showBack: true}" style="background-color: #1D1C1E;color:#999999;font-size: 17px;">我的预约</x-header>-->
    <div v-if="data && data.data && data.data.length">
      <div v-for="list in data.data" style="height: 74px;border-bottom: 1px solid #222225;">
        <div style="display: flex;padding-top: 16px;">
          <div style="flex: 1;padding-left: 10px;font-size: 13px;color: #555555;">楼盘名称</div>
          <div style="flex: 1;text-align: right;padding-right: 10px;font-size: 13px;color: #555555;">
            {{list.create_time}}
          </div>
        </div>
        <div style="display: flex;">
          <div style="flex: 1;padding-left: 10px;">{{list.village}}</div>
          <div style="flex: 1;text-align: right;padding-right: 10px;">{{list.mobile}}</div>
        </div>
      </div>
    </div>
    <div v-else style="margin-top:120px;">
      <img src="../assets/order.png" style="width: 80px;height: 80px;display: block;margin: 0 auto;">
      <div style="text-align: center;color: #E8BA82;font-size: 13px;margin-top: 10px;">越龙城 欢迎品鉴</div>
    </div>
  </div>

</template>

<script>
  import {Tabbar, TabbarItem, Flexbox, FlexboxItem} from 'vux'

  export default {
    name: 'myOrder',
    components: {
      Tabbar,
      TabbarItem,
      Flexbox,
      FlexboxItem
    },
    data() {
      return {
        data: {}
      }
    },
    created() {
      let that = this
      document.title = '我的预约'
      this.$http.post('reserveList', {}).then(data => {
        console.log(data)
        that.data = data.data.data
      })
    },
  }
</script>

<style scoped>

</style>
